page {
    background-color: #f2f3f5 !important;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
}

.nav-card {
    position: sticky;
    height: 90rpx;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0rpx;
    background-color:  rgb(208, 230, 252);
}

.index {
    font-size: 35rpx;
    font-weight: bold;
    padding: 18rpx;
}

.top-fix {
    position: fixed;
    left: 0;
    right: 0;
    top: 0rpx;
    /*background-color: #fff;*/
    z-index: 9;
}

.search-wrapper {
    margin-left: 16rpx;
    border-radius: 50rpx;

    display: flex;
    align-items: center;
    /*box-sizing: border-box;*/
    background-color: white;
    margin-top: 105rpx;
    width: 95%;
    height: 80rpx;
}

.searchimg {
    /* background-color: yellow;*/
    margin-left: 16rpx;
    width: 40rpx;
    height: 36rpx;
    image {
        width: 40rpx;
        height: 40rpx;
    }
}
.search-input {
    width: 500rpx;
    height: 45rpx;
    margin-left: 20rpx;
}

.search-button {
    /*background-color: yellowgreen;*/
    margin-left: 35rpx;
    width: 80rpx;
    height: 70rpx;
    image {
        width: 110rpx;
        height: 70rpx;
    }
}

.active {
    color: #1dca1d;
    font-weight: bold;
}

.appointment {
    margin-top: 15rpx;
}

.mod-item {
    /*给容器添加圆角效果*/
    border-radius: 10rpx;
    overflow: hidden;
    width: 47%;
    height: 350rpx;
    float: left;
    margin-left: 16rpx;
    margin-top: 16rpx;
}

.mod-img {
    width: 30prx;
    height: 350rpx;
    overflow: hidden;
}
.mod-image {
    border-radius: 10rpx;
    width: 100%;
    height: 350rpx;
}

.head-text {
    text {
        margin-top: 10rpx;
    }
    margin-top: 5rpx;
    height: 40%;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    font-weight: 550;
    font-size: 30rpx;
    color: whitesmoke;
    bottom: 42%;
}

.mod-info {
    display: flex;
    height: 40rpx;
    justify-content: space-between;
    margin-top: 10rpx;
    padding-left: 10rpx;
    padding-right: 10rpx;
}
.moinfont {
    margin-top: 5rpx;
    font-size: 25rpx;
    text-indent: 15rpx;
    font-family: '微软雅黑';
    color: #bfbfbf;
}

.btn {
    background-color: #808080;
    border: black;
    margin-left: 80%;
    width: 48px;
    height: 48px;
    position: fixed;
    bottom: 50px;
    border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
}


.wushuju {
    margin-top: 400rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}
